<template>
  <div class="request">
    <div class="top">
      <div class="rect"></div>
      <div class="name">请求SD-SW</div>
    </div>
    
      <!-- 请求通知 -->
      <div class="forms">
        <el-form ref="form" :model="form" label-width="150px" :disabled="true">
          <el-row>
            <el-col :span="6">
              <el-form-item label="交易流水号：" :required="true">
                <el-input v-model="form.tradenum"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="成员单位单号:">
                <el-input v-model="form.menbernum"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="银联单号:">
                <el-input v-model="form.banknum"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="停机主体机构标识:" :required="true">
                <el-input v-model="form.downtimeID"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="6">
              <el-form-item label="运维信息类型:" :required="true">
                <el-input v-model="form.Messagecategory"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="说明:" :required="true">
                <el-input v-model="form.desc"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="建议支付机构操作:" :required="true">
                <el-input v-model="form.payoperation"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="计划开始时间:" :required="true">
                <el-input v-model="form.starttime"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="6">
              <el-form-item label="计划结束时间:" :required="true">
                <el-input v-model="form.endtime"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="影响交易类型:" :required="true">
                <el-input v-model="form.paytype"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="影响账户类型:" :required="true">
                <el-input v-model="form.counttype"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="影响业务渠道:" :required="true">
                <el-input v-model="form.bussinesschannel"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="6">
              <el-form-item label="影响业务程度:" :required="true">
                <el-input v-model="form.bussinessextent"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="中断时长:" :required="true">
                <el-input v-model="form.interruptTime"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="补充说明:" :required="true">
                <el-input v-model="form.adddesc"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <!-- ---------- -->
        <div class="module" style="font-weight: 600; margin-top: 30px">
          联系信息集合
        </div>
        <el-divider></el-divider>
        <el-form ref="form" :model="form" label-width="150px" :disabled="true">
          <el-row>
            <el-col :span="6">
              <el-form-item label="联系人姓名:" :required="true">
                <el-input v-model="form.contact"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="联系方式:" :required="true">
                <el-input v-model="form.tel"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div class="top">
          <div class="rect"></div>
          <div class="name">应答SD-SW</div>
        </div>
        <el-form ref="form" :model="form" label-width="150px" :disabled="true">
          <el-row>
            <el-col :span="6">
              <el-form-item label="银联单号:" :required="true">
                <el-input v-model="formres.banknum"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="系统返回码:" :required="true">
                <el-input v-model="formres.systemesnum"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="系统返回说明:" :required="true">
                <el-input v-model="formres.systemdesc"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="系统返回时间:" :required="true">
                <el-input v-model="formres.syetemtime"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="报送时间:" :required="true">
                <el-input v-model="formres.syetemsubmittime"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <!-- ---返回按钮 -->
        <div class="btnbox">
          <el-button type="primary" icon="el-icon-d-arrow-left" @click="back()"
            >返回</el-button
          >
        </div>
      </div>
      
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "first",
      form: {
        tradenum: "MMDD123456789012",
        menbernum: "/",
        banknum: "/",
        downtimeID: "请输入",
        Messagecategory: "生产维护",
        desc: "描述本条停机维护信息的具体情况",
        payoperation: "请输入",
        starttime: "",
        endtime: "",
        paytype: "贷记业务",
        counttype: "借记",
        bussinesschannel: "无卡，客结",
        bussinessextent: "全部中断",
        interruptTime: "全部中断",
        adddesc: "补充说明1、2、3、4",
        contact: "xxx",
        tel: "13202003231",
      },
      formres: {
        banknum: "MMDD123456789012",
        systemesnum: "0000",
        systemdesc: "0000",
        syetemtime: "",
        syetemsubmittime: "",
      },
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    back() {
      // this.$router.push({path:"/Technology/DownTime/MessageSynchronous"})
     this.$router.go(-1)
    },
  },
};
</script>

<style lang='scss' scoped>
.request {
  width: 100%;
  // padding: 20px;
  .top {
    background: #d6e4ff;
    display: flex;
    padding: 8px 0 8px 0;
    margin-bottom: 20px;
    .rect {
      height: 16px;
      width: 4px;
      background-color: #007aff;
      margin-right: 20px;
    }
    .name {
      font-size: 14px;
    }
   
  }
   .content {
      background-color: #fff;
      height: 100%;
      width: 100%;
      // padding: 20px;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      border-radius: 8px;

   
    }
       .forms {
        height: 100%;
        width: 100%;
        .btnbox {
          width: 100%;
          display: flex;
          justify-content: center;

        }
      }
}
</style>